import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface ArrowRightCircleCuteFiIconProps {
  width?: number
  height?: number
  color?: string
}

export const ArrowRightCircleCuteFiIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: ArrowRightCircleCuteFiIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M11.28 2.024c-2.109.185-3.979.926-5.561 2.201-1.675 1.351-2.908 3.28-3.416 5.346-.216.881-.277 1.41-.277 2.429s.061 1.548.277 2.429c.886 3.607 3.839 6.502 7.457 7.311.844.189 1.287.236 2.24.236.953 0 1.396-.047 2.24-.236 3.618-.809 6.571-3.704 7.457-7.311.213-.869.276-1.413.278-2.409.001-.976-.043-1.404-.235-2.26-.458-2.049-1.658-4.025-3.26-5.369-1.824-1.531-3.915-2.321-6.26-2.368a15.89 15.89 0 0 0-.94.001m2.083 5.651c1.323.683 2.44 1.705 3.293 3.014.351.538.44.804.44 1.311 0 .477-.065.693-.352 1.172-.725 1.212-1.826 2.272-3.131 3.014-.491.279-.645.334-.928.333-.295-.001-.508-.101-.717-.339a.969.969 0 0 1 .226-1.487c.124-.076.397-.239.606-.362.501-.294.782-.51 1.233-.949l.372-.362L10.93 13l-3.476-.02-.197-.121a.998.998 0 0 1 0-1.718l.197-.121L10.93 11l3.475-.02-.372-.362a5.713 5.713 0 0 0-1.233-.951c-.809-.478-.828-.492-.944-.69a1.001 1.001 0 0 1 .155-1.207c.239-.235.393-.293.732-.28.244.009.33.035.62.185"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
